var example1 = new Vue({
    el:'#example-1',
    data:{
        items:[
            {message:'Foo'},
            {message:'Bar'}
        ]
    }
})
// 变异方法 (mutation method)，
// 顾名思义，
// 会改变被这些方法调用的原始数组。
// 相比之下，也有非变异 (non-mutating method) 方法，
// 例如：filter(), concat() 和 slice() 。
// 这些不会改变原始数组，但总是返回一个新数组。
// 当使用非变异方法时，可以用新数组替换旧数组：
example1.items = example1.items.filter(function(item){
    return item.message.match(/Foo/);
})

var example2 = new Vue({
    el:'#example-2',
    data:{
        parentMessage:'Parent',
        items:[
            {message:'Foo'},
            {message:'Bar'}
        ]
    }
})

var example3 = new Vue({
    el:'#example-3',
    data:{
        parentMessage:'Student',
        names:[
            {name:'wangxiao'},
            {name:'zhoupeng'}
        ]
    }
})

new Vue({
    el:'#v-for-object',
    data:{
        object:{
            firstName:'John',
            lastName:'Doe',
            age:30
        }
    }
})

new Vue({
    el:"#app2",
    data(){
        return {
            object:[
                {name:'WangXiao', sex:'男', age:20},
                {name:'HuangHui', sex:'男', age:22},
                {name:'ZhouPeng', sex:'男', age:20}        
            ]
        }
    }
})

new Vue({
    el:"#app3",
    data(){
        return {
            object:[
                {name:'WangXiao', sex:'男', age:20},
                {name:'HuangHui', sex:'男', age:22},
                {name:'ZhouPeng', sex:'男', age:20}        
            ]
        }
    }
})